<!-- list -->
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="5px" data-color="#333333"> <!-- nav -->
	<nav class="nav-primary hidden-xs">
		<ul class="nav"  ng-controller="navCtrl" >
			<li ng-repeat="menu in menuList " ng-class="{active: $state.includes('**.{{menu.permission}}.**')}">
				<a ng-if="menu.leaf==0" href class="{active: $state.includes('**.{{menu.permission}}.**')}">
					<i class="{{menu.iconcls}}"> <b class="bg-danger"></b> </i>
					<span class="pull-right"> <i class="fa fa-angle-down text-active"></i> <i class="fa fa-angle-up text"></i> </span>
					<span>{{menu.menuName}}</span>
				</a>
				<ul ng-if="menu.leaf==0" class="nav lt">
					<li ng-repeat="rm in menu.menuBeans" ng-class="{active: $state.includes('**.{{rm.permission}}.**')}">

						<a ui-sref="{{rm.request}}" >
							<i class="fa fa-angle-right"></i>
							<span>{{rm.menuName}}</span>
						</a>
					</li>
				</ul>
				<a ng-if="menu.leaf==1" ui-sref="{{menu.request}}">
					<i class="{{menu.iconcls}}"> <b class="bg-danger"></b> </i>
					<span>{{menu.menuName}}</span>
				</a>
			</li>
		</ul>
	</nav>
</div>
